<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>游戏列表</title>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/gameList.css"/>
		<script>
			function gamePage(){
				location.href="gamePage.html";
			}
			function home(){
				location.href="index.html";
			}
		</script>
	</head>
	<body>
		<div class="wrap">
			<!--头部导航栏-->
			<header>
				<div class="h_logo">
					<img class="img" src="img/logo.png"/>
				</div>
				<div class="h_bottom">
					<i class="iconfont icon-weibo"></i>
				</div>
				<div class="h_bar clearfix">
					<div onclick="home()">
						<span>首页</span>
						<span>home</span>
					</div>
					<div>
						<span>游戏</span>
						<span>game</span>
					</div>
					<div>
						<span>案例</span>
						<span>Case</span>
					</div>
					<div>
						<span>关于我们</span>
						<span>About us</span>
					</div>
				</div>
			</header>
			<!--中间主要内容部分-->
			<section>
				<!--标题图片-->
				<div class="s_shuffling">
					<img src="img/header01.jpg"/>
				</div>
				<div class="s_class">
					<div class="active">
						<span>狂转游戏</span>
						<span>Turn mad game</span>
					</div>
					<div>
						<span>抽奖游戏</span>
						<span>Lottery game</span>
					</div>
				</div>
				<!--游戏列表-->
				<div class="s_gamelist">
					<div class="s_gameclass">
						<div class="active">ALL</div>
						<div>最新游戏</div>
						<div>最热游戏</div>
						<div>购买最多</div>
					</div>
					<ul class="gameList clearfix">
						<li>
							<div class="list">
								<div class="list_t clearfix">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li>
							<div class="list">
								<div class="list_t">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li>
							<div class="list">
								<div class="list_t">
									<div onclick="gamePage()">
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li class="margtop_80">
							<div class="list">
								<div class="list_t clearfix">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li class="margtop_80">
							<div class="list">
								<div class="list_t">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li class="margtop_80">
							<div class="list">
								<div class="list_t">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li class="margtop_80">
							<div class="list">
								<div class="list_t clearfix">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li class="margtop_80">
							<div class="list">
								<div class="list_t">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
						<li class="margtop_80">
							<div class="list">
								<div class="list_t">
									<div>
										<span>剑圣传奇</span>
										<span>2014-07-09</span>
										<span>使用次数:20</span>
										<span>———</span>
									</div>
									<div>
										<input type="button" value="购买" />
										<i class="iconfont icon-iconshoucang"></i>
									</div>
								</div>
								<div class="wrapimg"><img class="img" src="img/game01.jpg"/></div>
							</div>
						</li>
					</ul>
					<!--分页切换导航-->
					<div class="s_paging">
						<div><i class="iconfont icon-iconfontzuo"></i></div>
						<div class="number">1 2 3 4 5 6 ······ 12</div>
						<div><i class="iconfont icon-iconfontyou"></i></div>
					</div>
				</div>
			</section>
			<!--页尾公共部分-->
			<footer>
				<div class="f_left clear"><img src="img/footer01.png"/></div>
				<div class="f_right"><img src="img/footer02.png"/></div>
				<span>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</span>
			</footer>
		</div>
	</body>
</html>

